{% extends "layout/base.html" %}
{% block title %} Panier {% endblock %}

{% block content %}
{% include 'layout/header.html' %}
{% include 'layout/infosBox.html' %}
{% if isValid < 1 %}
<div id="formCommande">
	<form  id="Commandeform" method="post" action="commande.php">
		<div class="factureCommande">
			<h4>Adresse de facturation</h4>
			<label for="adressD">Adresse : </label>
			<input type="text" id="adressD" name="adressD" value="" placeholder="Adresse de facturation" required />
			<label for="cpD">Code Postal : </label>
			<input type="text" id="cpD" name="cpD" value="" placeholder="Code Postal" required />
			<label for="villeD">Ville : </label>
			<input type="text" id="villeD" name="villeD" value="" placeholder="Ville" required />
			<label for="paysD">Pays : </span>
			</label>
			<select name="paysD" id="paysD" required>
			<option title="France métropolitaine"  value="France métropolitaine"selected="selected">France métropolitaine</option>
			<option title="Andorre"  value="Andorre">Andorre</option>
			<option title="Belgique"  value="Belgique">Belgique</option>
			<option title="Luxembourg"  value="Luxembourg">Luxembourg</option>
			<option title="Suisse"  value="Suisse">Suisse</option>
			<option title="Guadeloupe"  value="Guadeloupe">Guadeloupe</option>
			<option title="Guyane"  value="Guyane">Guyane</option>
			<option title="Martinique"  value="Martinique">Martinique</option>
			<option title="La Réunion"  value="La Réunion">La Réunion</option>
			<option title="Allemagne"  value="Allemagne">Allemagne</option>
			<option title="Autriche"  value="Autriche">Autriche</option>
			<option title="Canada"  value="Canada">Canada</option>
			<option title="Danemark"  value="Danemark">Danemark</option>
			<option title="Espagne"  value="Espagne">Espagne</option>
			<option title="Etats-Unis"  value="Etats-Unis">Etats-Unis</option>
			<option title="Finlande"  value="Finlande">Finlande</option>
			<option title="Gibraltar"  value="Gibraltar">Gibraltar</option>
			<option title="Grèce"  value="Grèce">Grèce</option>
			<option title="Irlande"  value="Irlande">Irlande</option>
			<option title="Italie"  value="Italie">Italie</option>
			<option title="Liechtenstein"  value="Liechtenstein">Liechtenstein</option>
			<option title="Norvège"  value="Norvège">Norvège</option>
			<option title="Pays bas"  value="Pays bas">Pays bas</option>
			<option title="Portugal"  value="Portugal">Portugal</option>
			<option title="Royaume uni"  value="Royaume uni">Royaume uni</option>
			<option title="Suède"  value="Suède">Suède</option>
			<option title="Vatican"  value="Vatican">Vatican</option>
			</select>
		</div>
		<div class="rencontreCommande">
			<h4>Adresse de Rencontre</h4>
			<label for="adressR">Adresse : </label>
			<input type="text" id="adressR" name="adressR" value="" placeholder="Adresse de rencontre" required />
			<label for="cpR">Code Postal : </label>
			<input type="text" id="cpR" name="cpR" value="" placeholder="Code Postal" required />
			<label for="villeR">Ville : </label>
			<input type="text" id="villeR" name="villeR" value="" placeholder="Ville" required />
			<label for="paysR">Pays : </span>
			</label>
			<select name="paysR" id="paysR" required>
			<option title="France métropolitaine"  value="France métropolitaine"selected="selected">France métropolitaine</option>
			<option title="Andorre"  value="Andorre">Andorre</option>
			<option title="Belgique"  value="Belgique">Belgique</option>
			<option title="Luxembourg"  value="Luxembourg">Luxembourg</option>
			<option title="Suisse"  value="Suisse">Suisse</option>
			<option title="Guadeloupe"  value="Guadeloupe">Guadeloupe</option>
			<option title="Guyane"  value="Guyane">Guyane</option>
			<option title="Martinique"  value="Martinique">Martinique</option>
			<option title="La Réunion"  value="La Réunion">La Réunion</option>
			<option title="Allemagne"  value="Allemagne">Allemagne</option>
			<option title="Autriche"  value="Autriche">Autriche</option>
			<option title="Canada"  value="Canada">Canada</option>
			<option title="Danemark"  value="Danemark">Danemark</option>
			<option title="Espagne"  value="Espagne">Espagne</option>
			<option title="Etats-Unis"  value="Etats-Unis">Etats-Unis</option>
			<option title="Finlande"  value="Finlande">Finlande</option>
			<option title="Gibraltar"  value="Gibraltar">Gibraltar</option>
			<option title="Grèce"  value="Grèce">Grèce</option>
			<option title="Irlande"  value="Irlande">Irlande</option>
			<option title="Italie"  value="Italie">Italie</option>
			<option title="Liechtenstein"  value="Liechtenstein">Liechtenstein</option>
			<option title="Norvège"  value="Norvège">Norvège</option>
			<option title="Pays bas"  value="Pays bas">Pays bas</option>
			<option title="Portugal"  value="Portugal">Portugal</option>
			<option title="Royaume uni"  value="Royaume uni">Royaume uni</option>
			<option title="Suède"  value="Suède">Suède</option>
			<option title="Vatican"  value="Vatican">Vatican</option>
			</select>
			<input type="submit" name="valide" value="Valider la commande" class="btn btn-primary {{theme.color1}} right"/>
		</div>
		<div class="clr"></div>
	</form>
	{% include 'layout/module.html' %}
</div>
{% else %}
<div id="content" class="{{theme.color3}}">
	<div id="recapitulatif">
		<h4>Récapitulatif de votre commande</h4>
		<table class="table table-hover">
			<thead>		
			{% for order in orderComplete %}
				<tr><th>Numéro de commande</th><th>{{order.id_order}}</th></tr>
				<tr><th>Date de la commande</th><th>{{order.date_order}}</th></tr>
				<tr><th>Adresse de rencontre</th><th>{{order.adressDelivery}}, {{order.postcodeDelivery}} {{order.cityDelivery}} ({{order.countryDelivery}})</th></tr>
				<tr><th>Adresse de facturation</th><th>{{order.adressBilling}}, {{order.postcodeBilling}} {{order.cityBilling}} ({{order.countryBilling}})</th></tr>
			{% endfor %}
			</thead>
		</table>
		<table class="table table-hover">
			<thead>
				<tr><th>Vendeur</th>
				<th>Date</th>
				<th>Durée</th>
				<th>Catégorie</th>
				<th>Prix (€)</th></tr>
			</thead>
			<body>
			{% for time in times %}
				<tr><th>{{time.user.firstname}} {{time.user.lastname}}</th>
				<th>{{time.date}}</th>
				<th>{{time.duration}}</th>
				<th>{{time.categorie}}</th>
				<th>{{time.price}}</th></tr>
			{% endfor %}
			</body>
		</table>		
	</div>
	{% include 'layout/module.html' %}
</div>
{% endif %}
{% include 'layout/footer.html' %}
{% endblock %}